.empty-content {
	max-width: 960px;
	overflow: hidden;
	margin: 35px auto 0;
	padding-top: 20px;
	text-align: center;

	@include breakpoint-deprecated( '<660px' ) {
		padding-top: 10px;
		margin-left: 15px;
		margin-right: 15px;
	}

	&.has-title-only {
		.empty-content__title {
			margin-bottom: 40px;
		}
	}
}

.empty-content__title {
	color: var( --color-neutral-70 );
	font-size: 34px;

	@include breakpoint-deprecated( '<660px' ) {
		font-size: $font-title-medium;
	}
}

.empty-content__line {
	color: var( --color-neutral-50 );
	font-size: $font-title-small;
	margin-bottom: 40px;

	@include breakpoint-deprecated( '<660px' ) {
		font-size: $font-body;
	}
}

.empty-content__action {
	margin: 0 0 10px 10px;
}

.empty-content.is-compact {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 20px;

	.empty-content__illustration {
		margin-top: -130px;

		@include breakpoint-deprecated( '<660px' ) {
			margin-top: -80px;
		}
	}

	.empty-content__title {
		font-size: $font-title-large;

		@include breakpoint-deprecated( '<660px' ) {
			font-size: $font-title-medium;
		}
	}
}
